<template>
    <div id="login">
        <div id="bannerSetter">
            <banner/>
        </div>

        <div id="loginFormModuleSetter">
            <loginFormModule/>
        </div>
    </div>
</template>

<script>

    import banner from '@/components/login/banner';
    import loginFormModule from "@/components/login/loginFormModule";

    export default {
        name: "Login",
        components: {banner, loginFormModule}
    }
</script>

<style scoped>

    #login {
        width: 100%;
        height: 100%;
        min-height:768px;
        background-image: url("../../assets/img/bg.jpg");
        text-align: center;
    }

    #bannerSetter {
        height: 50px;
        /*上方偏移5%*/
        padding-top: 5%;
        /*子元素居中*/
        text-align: center;
    }

    #loginFormModuleSetter {
        height: 200px;
        /*上方偏移5%*/
        padding-top: 3%;
        /*子元素居中*/
        text-align: center;
        /*元素在父元素居中*/
        /*display: inline-block;*/
    }


</style>
